<script language="javascript" type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
<div class="row-fluid">
    <div class="span4">
        <div class="row-fluid span12 table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-info white"></em>个人信息</h3>
            </div>
            <div class="row-fluid">
                <div class="span5 text-center">
                    <div class="space-10"></div>
                    <img th:src="@{'/' + ${footPerson.zpUrl}}" height="100px" src="" alt=""
                         th:if="${footPerson.zpUrl != null}"/>
                    <img th:src="@{/images/null.jpg}" style="height:100px;" src="" alt=""
                         th:if="${footPerson.zpUrl == null}"/>
                    <div class="text-center">
                        <h3 th:if="${footPerson.qydj == '顶级球星'}"><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                        <h3 th:if="${footPerson.qydj == '超级球星'}"><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em></h3>
                        <h3 th:if="${footPerson.qydj == '洲际球星'}"><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em><em class="icon-star text-warning"></em></h3>
                        <h3 th:if="${footPerson.qydj == '普通球星'}"><em class="icon-star text-warning"></em><em
                                class="icon-star text-warning"></em></h3>
                        <h3 th:if="${footPerson.qydj == '大众/白人'}"><em class="icon-star text-warning"></em></h3>
                    </div>
                    <div class="text-center">
                        <span style="font-weight: bold color: orange; " th:if="${footPerson.qydj == '顶级球星'}"
                              th:text="${footPerson.name}">123</span>
                        <span style="font-weight: bold color: purple; " th:if="${footPerson.qydj == '超级球星'}"
                              th:text="${footPerson.name}">123</span>
                        <span style="font-weight: bold color: blue; " th:if="${footPerson.qydj == '洲际球星'}"
                              th:text="${footPerson.name}">123</span>
                        <span style="font-weight: bold color: #9dfe5c; " th:if="${footPerson.qydj == '普通球星'}"
                              th:text="${footPerson.name}">123</span>
                        <span style="font-weight: bold color: white; " th:if="${footPerson.qydj == '大众/白人'}"
                              th:text="${footPerson.name}">123</span>
                    </div>
                </div>
                <div class="span7">
                    <div class="row-fluid">
                        <span th:text="${head.nl14 + ':'}">123</span>
                        <div class="progress" th:data-percent="${footPerson.pf}" style="margin-bottom:10px !important;">
                            <div class="bar" th:style="'width:' + ${footPerson.pf} + '%;'"></div>
                        </div>
                    </div>
                    <div class="row-fluid" th:text="${head.nl4 + ':' + footPerson.yw}">123</div>
                    <div class="row-fluid" th:text="${head.nl3 + ':' + (footPerson.jlbName == null ? '无' : footPerson.jlbName)}">123</div>
                    <div class="row-fluid" th:text="${head.nl2 + ':' + (footPerson.name == null ? '' : footPerson.name)}">123</div>
                    <div class="row-fluid" th:text="${head.nl1 + ':' + footPerson.qybm}">123</div>
                    <div class="row-fluid" th:text="${head.nl11 + ':' + footPerson.nl}">123</div>
                    <div class="row-fluid"><span th:text="${head.nl5 + ':'}">123</span>
                        <span class="space-10" th:if="${null == footPerson.gjUrl}">
                                                        <img th:src="@{/images/unknow.png}" src="" alt=""
                                                             style="max-height:20px;"
                                                             th:if="${null == footPerson.gjUrl}"/><span
                                th:text="${null == footPerson.gj ? '未知' : footPerson.gjName}">123</span>
                                                    </span>
                        <span class="space-10" th:if="${null != footPerson.gjUrl}">
                                                        <img th:src="@{'/' + ${footPerson.gjUrl}}" src="" alt=""
                                                             style="max-height:20px;"
                                                             th:if="${null != footPerson.gjUrl}"/><span
                                th:text="${footPerson.gjName}">123</span>
                                                    </span>
                    </div>
                    <div class="row-fluid" th:text="${head.nl6 + ':' + footPerson.tz}">123</div>
                    <div class="row-fluid" th:text="${head.nl9 + ':' + footPerson.sg}">123</div>
                    <div class="row-fluid" th:text="${head.nl18 + ':' + footPerson.gyj}">123</div>
                    <div class="row-fluid"
                         th:text="${head.nl16 + ':' + (null == footPerson.qysj ? '0' : #numbers.formatDecimal(footPerson.qysj, 0, 0))}">
                        123
                    </div>
                    <div class="row-fluid" th:text="${head.nl8 + ':' + footPerson.wzbm}">123</div>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
        <div class="row-fluid table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-info white"></em>球员风格</h3>
            </div>
            <div class="row-fluid" th:text="${head.nl45 + ':' + footPerson.pCard}">123</div>
            <div class="row-fluid" th:text="${head.nl46 + ':' + footPerson.sCard}">123</div>
        </div>
        <div style="clear:both;"></div>
        <div class="row-fluid table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-info white"></em>其他信息</h3>
            </div>
            <div id="comment-tab">
                <div class="row-fluid">
                    <div class="span3" th:text="${head.nl7 + ':'}">123</div>
                    <div class="span9">
                        <input type="text" class="input_fix3" name="sr" id="sr"
                               th:value="${#dates.format(footPerson.sr, 'yyyy-MM-dd')}">
                        <img onclick="WdatePicker({el:'sr',dateFmt:'yyyy-MM-dd'})" style="width:16px;height:22px" src=""
                             alt="" th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="span3" th:text="${head.nl10 + ':'}">123</div>
                    <div class="span9"><input type="text" class="input_fix3" name="hm" id="hm"
                                              th:value="${footPerson.hm}"></div>
                </div>
                <div class="row-fluid">
                    <div class="span3" th:text="${head.nl12 + ':'}">123</div>
                    <div class="span9"><textarea type="text" class="input_fix2" name="grjj" id="grjj"
                                                 th:field="${footPerson.grjj}"></textarea></div>
                </div>
                <div class="row-fluid">
                    <div class="span3" th:text="${head.nl13 + ':'}">123</div>
                    <div class="span9"><textarea type="text" class="input_fix2" name="zyjx" id="zyjx"
                                                 th:field="${footPerson.zyjx}"></textarea></div>
                </div>
                <div class="row-fluid">
                    <div class="span12">
                        <button class="btn btn-mini btn-primary" id="updateBtn" onclick="updatePerson()">更改</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="row-fluid table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class=" icon-user white"></em>属性</h3>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <table class="">
                        <thead>
                        <tr>
                            <td style="width:130px;">基础能力</td>
                            <td style="width:70px;">分数</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="t, index:${basicSkills}">
                            <td><span class="blue" th:text="${t.name}">123</span></td>
                            <td>
                                <span th:if="${null == footPerson.skillList[index.index].number}">-</span>
                                <span th:if="${footPerson.skillList[index.index].number >= djList[4].pfFrom && footPerson.skillList[index.index].number < djList[4].pfTo}"
                                      style='color: red'
                                      th:text="${footPerson.skillList[index.index].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index].number >= djList[3].pfFrom && footPerson.skillList[index.index].number < djList[3].pfTo}"
                                      style='color: orange;'
                                      th:text="${footPerson.skillList[index.index].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index].number >= djList[2].pfFrom && footPerson.skillList[index.index].number < djList[2].pfTo}"
                                      style='color: yellow;'
                                      th:text="${footPerson.skillList[index.index].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index].number >= djList[1].pfFrom && footPerson.skillList[index.index].number < djList[1].pfTo}"
                                      style='color: #9dfe5c;'
                                      th:text="${footPerson.skillList[index.index].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index].number >= djList[0].pfFrom && footPerson.skillList[index.index].number < djList[0].pfTo}"
                                      style='color: white'
                                      th:text="${footPerson.skillList[index.index].number}">123</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="span6">
                    <table class="">
                        <thead>
                        <tr>
                            <td style="width:130px;">联动能力</td>
                            <td style="width:70px;">分数</td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="t, index:${linkageSkills}">
                            <td><span class="blue" th:text="${t.name}">123</span></td>
                            <td>
                                <span th:if="${null == footPerson.skillList[index.index + 17].number}">-</span>
                                <span th:if="${footPerson.skillList[index.index + 17].number >= djList[4].pfFrom && footPerson.skillList[index.index + 17].number < djList[4].pfTo}"
                                      style='color: red'
                                      th:text="${footPerson.skillList[index.index + 17].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index + 17].number >= djList[3].pfFrom && footPerson.skillList[index.index + 17].number < djList[3].pfTo}"
                                      style='color: orange;' th:text="${footPerson.skillList[index.index + 17].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index + 17].number >= djList[2].pfFrom && footPerson.skillList[index.index + 17].number < djList[2].pfTo}"
                                      style='color: yellow;' th:text="${footPerson.skillList[index.index + 17].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index + 17].number >= djList[1].pfFrom && footPerson.skillList[index.index + 17].number < djList[1].pfTo}"
                                      style='color: #9dfe5c;'
                                      th:text="${footPerson.skillList[index.index + 17].number}">123</span>
                                <span th:if="${footPerson.skillList[index.index + 17].number >= djList[0].pfFrom && footPerson.skillList[index.index + 17].number < djList[0].pfTo}"
                                      style='color: white' th:text="${footPerson.skillList[index.index + 17].number}">123</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
        <div class="row-fluid table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-map-marker white"></em>其他属性</h3>
            </div>
            <div class="row-fluid">
                <div class="span2" th:text="${head.nl48 + ':'}">
                    123
                </div>
                <div class="span10" id="other"></div>
            </div>
        </div>
    </div>
    <div class="span4">
        <div class="row-fluid table_border" style="height:310px;">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-info white"></em>个人能力</h3>
            </div>
            <div id="graphic">
                <div id="main" style="height:270px;width:100%"></div>
            </div><!--/span-->
        </div>
        <div style="clear:both;"></div>
        <div class="row-fluid table_border">
            <div class="head_title">
                <h3 class="lighter smaller"><em class="icon-map-marker white"></em>位置</h3>
            </div>
            <div class="row-fluid text-center">
                <div class="span6 player_position">
                    <div class="player_div">
                        <div class="player_ab player_GK"><em class="icon-circle icon-1x" id="GK"></em></div>
                        <div class="player_ab player_SS"><em class="icon-circle icon-1x" id="SS"></em></div>
                        <div class="player_ab player_AMF"><em class="icon-circle icon-1x" id="AMF"></em></div>
                        <div class="player_ab player_LMF"><em class="icon-circle icon-1x" id="LMF"></em></div>
                        <div class="player_ab player_RMF"><em class="icon-circle icon-1x" id="RMF"></em></div>
                        <div class="player_ab player_CMF"><em class="icon-circle icon-1x" id="CMF"></em></div>
                        <div class="player_ab player_DMF"><em class="icon-circle icon-1x" id="DMF"></em></div>
                        <div class="player_ab player_RWF"><em class="icon-circle icon-1x" id="RWF"></em></div>
                        <div class="player_ab player_LWF"><em class="icon-circle icon-1x" id="LWF"></em></div>
                        <div class="player_ab player_RB"><em class="icon-circle icon-1x" id="RB"></em></div>
                        <div class="player_ab player_LB"><em class="icon-circle icon-1x" id="LB"></em></div>
                        <div class="player_ab player_CB"><em class="icon-circle icon-1x" id="CB"></em></div>
                        <div class="player_ab player_SW"><em class="icon-circle icon-1x" id="SW"></em></div>
                        <div class="player_ab player_CF"><em class="icon-circle icon-1x" id="CF"></em></div>
                    </div>
                    <img th:src="@{/images/position_bg.jpg}" src="" alt=""/>
                </div>
                <div class="span6" id="ksywz">
                    <div class='space-20'></div>
                    <span class="label label-large label-warning arrowed-right">最佳位置</span>
                    <span th:text="${footPerson.wzbm}">123</span>
                    <div class='space-20'></div>
                </div>
            </div>
        </div>
    </div>
</div>
